<%@page import="br.com.Modelo.UsuarioCliente"%>
<%@page import="br.com.Modelo.UsuarioComerciante"%>
<%@page import="br.com.Dao.UsuarioClienteDao"%>
<%@page import="br.com.Dao.UsuarioComercianteDao"%>
<%@page import="java.io.IOException"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mercado Catalão</title>




<!-- Bootstrap Core CSS -->
<link href="/plataforma_marketing/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="/plataforma_marketing/bootstrap/bootstrapValidator.css" rel="stylesheet">
	<script src="/plataforma_marketing/bootstrap/js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="/plataforma_marketing/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/plataforma_marketing/bootstrap/js/bootstrapValidator.js"></script>

 <!-- jQuery Version 1.11.0 -->




<style type="text/css">
.topo {
	width: 100%;
	height: 100px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #223D62),
		color-stop(1, #152840));
	background-image: -o-linear-gradient(bottom, #223D62 10%, #152840 100%);
	background-image: -moz-linear-gradient(bottom, #223D62 10%, #152840 100%);
	background-image: -webkit-linear-gradient(bottom, #223D62 10%, #152840 100%);
	background-image: -ms-linear-gradient(bottom, #223D62 10%, #152840 100%);
	background-image: linear-gradient(to bottom, #223D62 10%, #152840 100%);
}

.logo {
	background-image: url(/plataforma_marketing/img/logo.png);
	width: 172px;
	height: 100px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>
</head>

<%@ include file="topo.jsp"%>

<%
	//allow access only if session exists
	//out.print(request.getParameter("page"));
	String[] id = (String[]) session.getAttribute("user");
	UsuarioCliente userCliente = null;
	UsuarioComerciante userComerciante = null;
	UsuarioClienteDao dao = new UsuarioClienteDao();
	UsuarioComercianteDao dao1 = new UsuarioComercianteDao();
	if (id != null) {
		//out.print(id[0]+"->"+id[1]);
		if (id[1].equals("1")) {

			userCliente = dao.validaAutenticacaoUser(
					Long.parseLong(id[0]), Integer.parseInt(id[1]));

		} else {

			userComerciante = dao1.validaAutenticacaoUser(
					Long.parseLong(id[0]), Integer.parseInt(id[1]));
		}
	}
	String userName = null;
	String sessionID = null;
	Cookie[] cookies = request.getCookies();
	if (cookies != null) {
		for (Cookie cookie : cookies) {
			if (cookie.getName().equals("user"))
				userName = cookie.getValue();
			if (cookie.getName().equals("JSESSIONID"))
				sessionID = cookie.getValue();
		}
	}
	if (userCliente != null || userComerciante != null) {
		if (userCliente == null) {
			//out.print("Login : "+userComerciante.getLogin());
		} else {
			//out.print("Login : "+userCliente.getLogin());			
		}

	}
%>


<%@ include file="menu.jsp"%>


<!-- estrutura -->


<!-- Button trigger modal -->

<!-- <div class="container"> 
    <hr class="prettyline">
    <br>
    <center>
    <h1><b>Cria sua Conta</b></h1>    
    <br>
 
  </center>
  <br>
    <hr class="prettyline">
 </div>-->
 

<div class="container">
	<div class="page-header" align="left">
		<h1>
			Crie sua Conta&nbsp;<small> Mercado Catalao</small>
		</h1>
	</div>
	
	        <%
				
				if(request.getParameter("check-cad")!= null){
			%>
	<div class="alert alert-danger">  
		<button type="button" class="close" data-dismiss="alert">×</button>
		<strong>Erro!</strong> <%=request.getParameter("check-cad") %>
   </div>
           <%} %>
	
	
		        <%
				
				if(request.getParameter("check-cad-ok")!= null){
			%>
	<div class="alert alert-success">  
		<button type="button" class="close" data-dismiss="alert">×</button>
		<strong>OK! </strong> <%=request.getParameter("check-cad-ok") %>
   </div>
           <%} %>
	
	
	<div class="content">
		<br>
		<div class="bs-example bs-example-tabs">
			<ul id="myTab" class="nav nav-tabs">
				<li class="active"><a href="#signin" data-toggle="tab">Conta
						Cliente</a></li>
				<li class=""><a href="#signup" data-toggle="tab">Conta
						Comercial</a></li>
			</ul>
		</div>
		<div class="modal-body">
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade active in" id="signin">
						
            <section>
           		 <div class="">
					<form id="defaultForm" class="form-horizontal" action="cad_cliente" method="post">
					
					   <div class="alert alert-success" style="display: none;"></div>
						<fieldset>
							<!-- Text input-->
							<div class="form-group">
								<label class="col-md-2 control-label" >Nome
									de Usuário</label>
								<div class="col-md-5">
									 <input type="text" class="form-control" name="login_usuario" />
										

								</div>
							</div>

							<!-- Password input-->
							<div class="form-group">
								<label class="col-md-2 control-label" >Senha</label>
								<div class="col-md-5">
									<input id="senha_empresa" name="senha_usuario" type="password"
										placeholder="" class="form-control input-md">
								</div>
							</div>

							<!-- Password input-->
							<div class="form-group">
								<label class="col-md-2 control-label">Confirme
									a Senha</label>
								<div class="col-md-5">
									<input id="senha_confirma" name="senha_confirma_usuario"
										type="password" placeholder="" class="form-control input-md">
								</div>
							</div>
							
							

							<hr class="prettyline">
							
								<!-- Text input-->
							<div class="form-group">
								<label class="col-md-2 control-label" >Nome
									</label>
								<div class="col-md-5">
									<input id="login_empresa" name="nome_completo" type="text"
										placeholder="" class="form-control input-md">

								</div>
							</div>
							
							
							<!-- Text input-->
							
							
							<div class="form-group">
								<label class="col-md-2 control-label">Email</label>
								<div class="col-md-5">
									<input id="email" name="email_usuario" type="text"
										placeholder="" class="form-control input-md">
								</div>
							</div>

							<!-- Text input-->
							<div class="form-group">
								<label class="col-md-2 control-label" >Endereço</label>
								<div class="col-md-5">
									<input id="end" name="end_usuario" type="text" placeholder=""
										class="form-control input-md">

								</div>
							</div>

							<!-- Textarea -->
							<div class="form-group">
								<label class="col-md-2 control-label" >Telefone</label>
								<div class="col-md-4">

									<input id="end" name="telefone_usuario" type="text"
										placeholder="" class="form-control input-md">
								</div>
							</div>
							<!-- Button -->
							<div class="form-group">
								<label class="control-label" for="signin">&nbsp</label>
								<div class="controls">
									&nbsp
									<button  type="submit" id="validateBtn"  name="signdup" class="btn btn-success">Cadastrar</button>
								</div>
							</div>

						</fieldset>
					</form>
					</div>					
					</section>
				</div>
				
				<!-- Comerciante -->
				<div class="tab-pane fade" id="signup">
				  <section>
					<form id="valideComerciante" class="form-horizontal" action="cad_comerciante"
						method="post">
						<fieldset>


							<!-- Text input-->
							<div class="form-group">
								<label class="col-md-2 control-label" for="login_empresa">Nome
									de Usuário</label>
								<div class="col-md-5">
									<input id="login_empresa" name="login_empresa" type="text"
										placeholder="login" class="form-control input-md">

								</div>
							</div>

							<!-- Password input-->
							<div class="form-group">
								<label class="col-md-2 control-label" for="senha_empresa">Senha</label>
								<div class="col-md-5">
									<input id="senha_empresa" name="senha_empresa" type="password"
										placeholder="" class="form-control input-md">

								</div>
							</div>

							<!-- Password input-->
							<div class="form-group">
								<label class="col-md-2 control-label" for="senha_confirma">Confirme
									a Senha</label>
								<div class="col-md-5">
									<input id="senha_confirma" name="senha_confirma"
										type="password" placeholder="" class="form-control input-md">

								</div>
							</div>
							
						

							<hr class="prettyline">
							
							
									<!-- Text input-->
							<div class="form-group">
								<label class="col-md-2 control-label" for="nome_empresa">www.mercadocatalao/
									</label>
								<div class="col-md-5">
									<input id="perfil_pagina" name="perfil_pagina" type="text"
										placeholder="Ex: bretas" class="form-control input-md">

								</div>
							</div>
							
							
							
						
							<!-- Text input-->
							<div class="form-group">
								<label class="col-md-2 control-label" for="nome_empresa">Nome
									da Empresa</label>
								<div class="col-md-5">
									<input id="nome_empresa" name="nome_empresa" type="text"
										placeholder="" class="form-control input-md">

								</div>
							</div>

							<!-- Select Basic -->
							<div class="form-group">
								<label class="col-md-2 control-label" for="ramo_empresa">Ramo
									de Atividade</label>
								<div class="col-md-5">
									<select id="ramo_empresa" name="ramo_empresa"
										class="form-control">
										<option value="1">Loja de Roupas</option>
										<option value="2">Sapataria</option>
										<option value="3">Móveis e Eletrodomésticos</option>
										<option value="4">Supermercado</option>
										<option value="5">Eletronicos</option>
									</select>
								</div>
							</div>

							<!-- Text input-->
							<div class="form-group">
								<label class="col-md-2 control-label" for="cnpj">Cnpj</label>
								<div class="col-md-5">
									<input id="cnpj" name="cnpj" type="text" placeholder=""
										class="form-control input-md">

								</div>
							</div>

						
							<br />
							<!-- Button -->
							<div class="form-group" align="left">
								<label class="col-md-2 control-label" for="signin">&nbsp</label>

								<div class="col-md-5">
									<button id="signin" type="submit" name="signin" class="btn btn-success">Cadastrar</button>
								</div>
							</div>

						</fieldset>
					</form>
					</section>
				</div>
			</div>
		</div>
		<hr class="prettyline">
		<h1>
		
		</h1>
		
		   
	</div>
</div>
 
 
 
 
 
 
 
 
 



  <script>

 

  $(document).ready(function() {   // Generate a simple captcha

	    $('#defaultForm').bootstrapValidator({
	        //live: 'disabled',
	        message: 'This value is not valid',
	        feedbackIcons: {
	            valid: 'glyphicon glyphicon-ok',
	            invalid: 'glyphicon glyphicon-remove',
	            validating: 'glyphicon glyphicon-refresh'
	        },
	        fields: {	        		          
	            login_usuario: {	               
	                validators: {
	                    notEmpty: {
	                        message: 'O nome de usuário é necessário e não pode ser vazio'
	                    },
	                    stringLength: {
	                        min: 6,
	                        max: 30,
	                        message: 'O nome de usuário deve ter mais de 6 e menos de 30 caracteres'
	                    },
	                    regexp: {
	                        regexp: /^[a-zA-Z0-9_\.]+$/,
	                        message: 'O nome de usuário não pode consistir de pontos, virgulas ou espaços'
	                    }
	                   
	                }
	            },senha_usuario: {
	                validators: {
	                    notEmpty: {
	                        message: 'A senha é necessária e não pode ser vazia'
	                    },
	                    different: {
	                        field: 'login_usuario',
	                        message: 'A senha não pode ser a mesma do nome de usuário'
	                    }
	                }
	            },
	            senha_confirma_usuario: {
	                validators: {
	                    notEmpty: {
	                        message: 'A senha de confirmação é necessária e não pode ser vazia'
	                    },
	                    identical: {
	                        field: 'senha_usuario',
	                        message: 'A sua senha e a confirmação não são os mesmos'
	                    },
	                    different: {
	                        field: 'login_usuario',
	                        message: 'A palavra-passe não pode ser o mesmo como nome de usuário'
	                    }
	                }
	            },
	            email_usuario: {
	                validators: {
	                    notEmpty: {
	                        message: 'Digite o seu email'
	                    },
	                    regexp:{
	                    	regexp: /^[a-zA-Z0-9][a-zA-Z0-9\._-]+@([a-zA-Z0-9\._-]+\.)[a-zA-Z-0-9]{2}/,
							message: 'Você deve digitar um formato de e-mail válido'
		                    }
	                }
	            },
	            end_usuario: {
	                validators: {
	                    notEmpty: {
	                        message: 'The gender is required'
	                    }
	                }
	            },
	            telefone_usuario: {
					validators:{
						notEmpty:{
							message: 'Você deve digitar o número de telefone'
							},
							integer:{
								message: 'o telefone deve consistir apenas de números'
								},
								stringLength: {
			                        min: 8,
			                        max: 13,
			                        message: 'O telefone deve ter mais de 6 e menos de 13 numeros'
						}}
		            }
	          
	        }
	    }); 

	  

		    $('#valideComerciante').bootstrapValidator({
		        //live: 'disabled',
		        message: 'This value is not valid',
		        feedbackIcons: {
		            valid: 'glyphicon glyphicon-ok',
		            invalid: 'glyphicon glyphicon-remove',
		            validating: 'glyphicon glyphicon-refresh'
		        },
		        fields: {	        		          
		        	login_empresa: {	               
		                validators: {
		                    notEmpty: {
		                        message: 'O nome de usuário é necessária e não pode ser vazio'
		                    },
		                    stringLength: {
		                        min: 6,
		                        max: 30,
		                        message: 'O nome de usuário deve ter mais de 6 e menos de 30 caracteres'
		                    },
		                    regexp: {
		                        regexp: /^[a-zA-Z0-9_\.]+$/,
		                        message: 'O nome de usuário não pode consistir de pontos, virgulas ou espaços'
		                    }
		                   
		                }
		            },senha_empresa: {
		                validators: {
		                    notEmpty: {
		                        message: 'O nome de usuário é necessária e não pode ser vazio'
		                    },
		                    identical: {
		                        field: 'senha_confirma',
		                        message: 'A sua palavra-passe e confirmam não são os mesmos'
		                    },
		                    different: {
		                        field: 'login_empresa',
		                        message: 'A palavra-passe não pode ser o mesmo como nome de usuário'
		                    }
		                }
		            },
		            senha_confirma: {
		                validators: {
		                    notEmpty: {
		                        message: 'A senha de confirmação é necessária e não pode ser vazio'
		                    },
		                    identical: {
		                        field: 'senha_empresa',
		                        message: 'A sua palavra-passe e confirmam não são os mesmos'
		                    },
		                    different: {
		                        field: 'login_empresa',
		                        message: 'A palavra-passe não pode ser o mesmo como nome de usuário'
		                    }
		                }
		            },
		            perfil_pagina: {
		                validators: {
		                    notEmpty: {
		                        message: 'A senha de confirmação é necessária e não pode ser vazio'
		                    },
		                    stringLength: {
		                        min: 6,
		                        max: 50,
		                        message: 'O nome da pagina dever conter mais de 6 caracteres'
		                    },
		                    remote: {
		                        message: 'perfil nao disponivel para cadastro',
		                        url: 'validperfil',
		                        delay: 2000,
		                        data: function(validator) {
		                           return {
		                                    name: validator.getFieldElements('perfil_pagina').val()
		                                };
		                            },   
		                      }
		                    
		                }
		            },
				cnpj:{
					validators:{
	                    notEmpty: {
	                        message: 'O cnpj não pode ser vazio'
	                    },
						regexp: {
                        regexp: /^\d{2}\.\d{3}\.\d{3}\/\d{4}\-\d{2}$/,
                        message: 'O cnpj informado não tem formato válido'
                    }
				}
				}    
		        }
		    }); 	    

	    $('#resetBtn').click(function() {
	        $('#defaultForm').data('bootstrapValidator').resetForm(true);
	    });
	    
	});

	

  </script>







</body>
</html>